blockquote, body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, ul { margin: 0; padding: 0; font-family: "Microsoft Yahei" }
address, caption, cite, code, em, h1, h2, h3, h4, h5, h6, pre, strong, table, td, th { font-weight: 400; font-style: normal; font-size: 1em }
strong { font-weight: 700 }
ol, ul { list-style: none outside none }
fieldset, img { border: medium none }
img { vertical-align: middle }
button, input:focus { outline: 0; border: none }
caption, th { text-align: left }
table { border-collapse: collapse; border-spacing: 0 }
body { margin: 0; padding: 0; background: #fff none repeat scroll 0 0; color: #666; font: 12px/150% "Hiragino Sans GB", "Microsoft Yahei", arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif }
a { outline: medium none; color: #555 }
a:active, a:link, a:visited { text-decoration: none }
a:hover { color: #f69; text-decoration: underline }
cite, em, i { font-style: normal }
article, aside, dialog, figure, footer, header, menu, nav, section { display: block }
.clearfix:after { clear: both; display: table; content: " " }
@font-face { font-family: 'iconfont';src: url('//at.alicdn.com/t/font_8u3c68owxsoiggb9.eot'); src: url('//at.alicdn.com/t/font_8u3c68owxsoiggb9.eot?#iefix') format('embedded-opentype'),  url('//at.alicdn.com/t/font_8u3c68owxsoiggb9.woff') format('woff'),  url('//at.alicdn.com/t/font_8u3c68owxsoiggb9.ttf') format('truetype'),  url('//at.alicdn.com/t/font_8u3c68owxsoiggb9.svg#iconfont') format('svg'); }
.iconfont { font-style: normal; font-size: 16px; font-family: iconfont!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.wrapper { margin: 0 auto; width: 1200px }
.top-banner { width: 100%; height:80px; max-width: 1920px; text-align: center; background-repeat: no-repeat; background-position: center center;  margin: 0 auto;}
.top-banner a{ width: 100%; display:block; height:80px;}
.top-banner img { margin: 0 auto;width:100%;}
.head-nav { width: 100%; height: 30px; border-bottom: 1px solid #f4f4f4; background: #fafafa; font-size: 12px; line-height: 30px }
.head-nav a:hover { color: #666 }
.head-nav .logon { float: left }
.head-nav .logon a { margin-left: 10px }
.head-nav .logon span { color: red }
.head-nav .quick-menu { float: right }
.head-nav .quick-menu a:hover { text-decoration: none }
.head-nav .quick-menu li { position: relative; float: left; padding: 0 8px }
.head-nav .quick-menu li i { display: inline-block; transition: .2s ease-in }
.head-nav .quick-menu :hover .list { display: block }
.head-nav .quick-menu :hover i { transform: rotate(180deg) }
.head-nav .quick-menu .list { position: absolute; top: 30px; left: 0; display: none; width: 100%; border: 1px solid #f0f0f0; background: #fff;z-index:2;}
.head-nav .quick-menu .list a { display: block; text-align: center; line-height: 24px }
.head-search { height: 140px; background: #fff }
.head-search a:hover { text-decoration: none }
.head-search .logo { float: left; padding: 10px 0; /*width: 149px; height: 80px*/ }
.head-search .search { float: left; margin: 45px 0 0 119px;position:relative;}
.head-search .input { width: 600px; height: 38px; border: 2px solid #f69 }
.head-search .input i { float: left; display: inline-block; margin-left: 6px; width: 20px; text-align: center; line-height: 36px }
.head-search .input input { float: left; width: 462px; height: 30px; border: 0; line-height: 30px; padding:4px; }
.head-search .input button { float: right; width: 102.5px; border: none; background: #f69; color: #fff; text-align: center; font-size: 14px; line-height: 38px; cursor: pointer }
.head-search .groom { line-height: 24px }
.head-search .groom a { margin-left: 6px }
.head-search .groom .hot { color: #f69 }
.head-search .trolley { float: right; margin-top: 47px; width: 188px; height: 33px; border: 1px solid #e5e5e5; text-align: center; line-height: 33px }
.head-search .trolley i { font-size: 20px }
.head-search .trolley span { position: relative; top: -6px; left: -6px; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #f69; color: #fff; text-align: center; line-height: 16px; behavior: url(../image/pie.htc) }

.head-search .search-prompt{width:498px;border:1px solid #ccc;position:absolute;top:40px;background:#fff;z-index:999;display:none}
.head-search .search-prompt li{padding:1px 6px;line-height:26px;}
.head-search .search-prompt li:hover{background:#f69;color:#fff;cursor:pointer}
.head-search .search-prompt li:hover .search-count{color:#fff}
.head-search .search-prompt .search-item{float:left;}
.head-search .search-prompt .search-count{text-align:right;color:#aaa}
.head-search .search-prompt .store{line-height:26px;padding:0 6px;}
.head-search .search-prompt .store:hover{background:#f69;color:#fff;cursor:pointer}
.head-search .search-prompt .store:hover a{color:#fff}
.head-search .search-prompt .store i{font-size:14px;margin-right:4px;}



.nav-bar {z-index: 99; width: 100%; height: 36px; border-bottom: 2px solid #f69; background: #fff; line-height: 36px }
.nav-bar .all-category { float: left; width: 191px; background: #ed3577; color: #fff;  }
.nav-bar .all-category .title { color: #fff; text-align: center; font-size: 16px }
.nav-bar .all-category .title i { margin-right: 6px; font-size: 18px }
.nav-bar .all-category .title a { color: #fff }
.nav-bar .site-menu li { float: left; width: 106px; text-align: center; font-size: 16px }
.nav-bar .site-menu .hover { color: #f69 }
.nav-bar .category { border-top: 2px solid #d42e69; background: #f69;display:none;position:absolute;z-index: 999;}
.nav-bar .category a { color: #fff }
.nav-bar .category .class { position: relative; z-index: 9; padding: 6px 0 11px 12px; border-top: 1px solid #f69; border-bottom: 1px solid #fd85ad }
.nav-bar .category .menu { height: 420px }
.nav-bar .category .menu li { position: relative; z-index: 1; margin: 0 auto; margin-left: 1px; width: 190px }
.nav-bar .category .menu li .class i { position: absolute; top: 20px; right: 0 }
.nav-bar .category .menu :hover { width: 193px; background: #fff }
.nav-bar .category .menu :hover a { color: #f69 }
.nav-bar .category .menu :hover .sub-class { display: block }
.nav-bar .category .menu :hover .class { border-bottom: 1px solid #f69; background: #fff }
.nav-bar .category .subitems { padding: 10px 10px 0 10px }
.nav-bar .category .sub-class { position: absolute; top: 0; left: 192px; display: none; padding-bottom: 10px; width:1005px; border: 1px solid #f69; background: #fafafa;z-index:10; }
.nav-bar .category .sub-class .rec { float: left; display: inline-block; width: 70px; color: #f69; text-align: center; line-height:34px }
.nav-bar .category .sub-class .rec a { font-weight: 700 }
.nav-bar .category .sub-class .list { float: left; padding: 3px 0; width:910px; border-bottom: 1px solid #eee }
.nav-bar .category .sub-class .list a { float: left; margin:6px 0; padding: 0 8px; height: 16px; border-left: 1px solid #eee; color: #666; white-space: nowrap; line-height: 16px }
.nav-bar .level-one-class { font-weight: 700; font-size: 14px; line-height: 21px }
.nav-bar .hot-class { overflow: hidden; height: 44px; line-height: 22px }
.nav-bar .hot-class a { margin-right: 10px }
.footer { margin-top: 50px; height: 450px; border-top: 1px solid #ededed; background: #fff }
.footer .f-h { padding-top: 30px; height: 182px; background: url(../image/p_11.jpg) top right no-repeat }
.footer .f-h li { float: left; margin-right: 118px }
.footer .f-h li dt { margin-bottom: 6px; color: #252423; font-weight: 600 }
.footer .f-h li dd { height: 20px; line-height: 20px }
.footer .f-bar { width: 100%; height: 40px; background: #f69; text-align: center; line-height: 40px }
.footer .f-bar p { position: relative; left: -100px }
.footer .f-bar span { position: relative; display: inline-block; margin-left: 100px; height: 40px; color: #fff; line-height: 40px }
.footer .f-bar span i { position: absolute; top: 1px; left: -26px; font-size: 22px }
.footer .f-b { padding-top: 30px }
.footer .f-b .lf { float: left }
.footer .f-b .lf .a-h { margin-bottom: 18px }
.footer .f-b .lf .a-h a { margin-right: 20px }
.footer .f-b .lf .f-nav { display: block; margin-bottom: 18px; width: 100% }
.footer .f-b .lf .f-nav li { float: left; padding: 0 20px; height: 12px; border-left: 1px solid #9999a6; line-height: 12px }
.footer .f-b .lf .f-nav li:first-child { padding-left: 0; border-left: none }
.footer .f-b .lf .cop { display: block; width: 100% }
/*.footer .f-b .lf .cop a{ color: #fff;}*/
.footer .f-b .f-p { margin-top: 17px }
.footer .f-b .f-p a { margin-left: 20px }
.footer .f-b .f-p a:first-child { margin-left: 0 }
.footer .fr { float: right; margin-top: 20px }
.footer .fr li { float: left; margin-left: 20px; text-align: center }
.footer .fr li p { margin-top: 12px; font-weight: 700 }
.unslider { overflow: auto; margin: 0; padding: 0 }
.unslider-wrap { position: relative }
.unslider-wrap.unslider-carousel>li { float: left }
.unslider-vertical>ul { height: 100% }
.unslider-vertical li { float: none; width: 100% }
.unslider-fade { position: relative }
.unslider-fade .unslider-wrap li { position: absolute; top: 0; right: 0; left: 0; z-index: 8 }
.unslider-fade .unslider-wrap li.unslider-active { z-index: 10 }
.unslider li, .unslider ol, .unslider ul { margin: 0; padding: 0; border: none; list-style: none }
.unslider-arrow { position: absolute; left: 20px; z-index: 22; cursor: pointer }
.unslider-arrow.next { right: 20px; left: auto }
/*侧栏*/
.fr-bar { position: fixed; right: 0; top: 0; width: 35px; background: #000; height: 100%; z-index: 999; color: #fff }
.fr-bar .my-icon { width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 240px; cursor: pointer }
.fr-bar .my-icon .text { position: absolute; background: #f69; width: 100px; left: -100px; top: 0; display: none }
.fr-bar .my-icon a { color: #fff; text-decoration: none }
.fr-bar .my-icon:hover { background: #f69 }
.fr-bar .my-icon:hover .text { display: block }
.fr-bar .s-cart { position: absolute; width: 25px; border-top: 1px solid #444; border-bottom: 1px solid #444; top: 300px; margin: 0 5px; text-align: center; padding: 10px 0 }
.fr-bar .s-cart a { color: #fff; text-decoration: none }
.fr-bar .s-cart i { color: #c00 }
.fr-bar .s-cart span { width: 20px; display: block; margin: 0 auto; margin-top: 6px }
.fr-bar .s-cart p { width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 20px; font-size: 12px; color: #fff; margin: 0 auto; background: #f69 }
.fr-bar .s-cart:hover { width: 35px; margin: 0; background: #f69; border-color: #f69 }
.fr-bar .s-cart:hover i { color: #fff }
.fr-bar .b-ico { position: absolute; bottom: 0 }
.fr-bar .b-ico .icon { width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer }
.fr-bar .b-ico .icon .text { position: absolute; background: #f69; width: 100px; left: -100px; top: 0; display: none }
.fr-bar .b-ico .icon .img { background: none; left: -152px; width: 152px; height: 190px; top: -90px }
.fr-bar .b-ico .icon a { color: #fff; text-decoration: none }
.fr-bar .b-ico .icon:hover { background: #f69 }
.fr-bar .b-ico .icon:hover .text { display: block }
.fr-bar .logo-box { width: 350px; height: 450px; background: #fff; position: fixed; right: 35px; top: 240px; z-index: 999; box-shadow: 0 0 50px #333; display: none }
.fr-bar .logo-box .close { position: absolute; color: #c2c2c2; right: 14px; top: 18px; cursor: pointer }
.fr-bar .logo-box .triangle { position: absolute; right: -10px; top: 10px }
.fr-bar .logo-box .b-x { position: absolute; top: 82px; left: 21px }
.fr-bar .logo-box .tit { font-size: 16px; color: #333; font-weight: 700 }
.fr-bar .logo-box .input { width: 298px; height: 40px; line-height: 40px; border: 1px solid #cbcbcb; margin-top: 25px }
.fr-bar .logo-box .input i { width: 40px; height: 40px; display: inline-block; text-align: center; background: #ddd; color: #60605e; float: left }
.fr-bar .logo-box .input input { width: 258px; border: 0; height: 40px; line-height: 40px; float: left; text-indent: 10px;padding:0;}
.fr-bar .logo-box .b-x button { width: 300px; height: 42px; line-height: 42px; background: #f69; text-align: center; color: #fff; margin: 20px 0; border-radius: 3px; cursor: pointer }
.fr-bar .logo-box .b-x .at { text-align: right }
.fr-bar .logo-box .b-x .at a { margin-left: 14px }
.fr-bar .cart-bar { width: 280px; height: 100%; position: fixed; top: 0; right: -280px; background: #e7e7e7; color: #868080 }
.fr-bar .cart-bar .t-head { margin: 10px 16px }
.fr-bar .cart-bar .t-head a { float: right }
.fr-bar .cart-bar .list {padding: 0 0 6px; height:82%; overflow-y: scroll;position:absolute;}
.fr-bar .cart-bar .list li { margin-bottom:10px; padding:0 16px;  background: #fff; }
.fr-bar .cart-bar .list .tit { height: 30px; line-height: 30px; border-bottom: 1px solid #e7e7e7 }
.fr-bar .cart-bar .list .tit input[type="checkbox"]{ line-height:30px; margin-top:10px; float:left; margin-right:5px;}
.fr-bar .cart-bar .list .tit p { display: inline-block; width: 220px; color: #303032 }
.fr-bar .cart-bar .list .tit p span { float: right; color: #9a9a9a }
.fr-bar .cart-bar .list .txt { line-height: 14px; margin: 6px 0 }
.fr-bar .cart-bar .list .txt span { border-left: 1px solid #e8e8e8; margin-left: 5px; padding-left: 5px; height: 14px; display: inline-block; color: #f69 }
.fr-bar .cart-bar .list .info { height: 55px; margin: 10px 0px; }
.fr-bar .cart-bar .list .info input { float: left; margin-top: 15px }
.fr-bar .cart-bar .list .info img { width: 35px; height: 35px; float: left; margin: 0 6px }
.fr-bar .cart-bar .list .info .name { width: 66px; height: 35px; overflow: hidden; float: left }
.fr-bar .cart-bar .list .info .num { float: left; line-height: 35px; text-align: center; width: 120px; overflow:hidden; }
.fr-bar .cart-bar .list .info .price { float: right; line-height: 35px; overflow:hidden; }
.fr-bar .cart-bar .list::-webkit-scrollbar {
 width:10px
}
.fr-bar .cart-bar .list::-webkit-scrollbar-thumb {
 background-color:#f69;
 border-radius:10px
}
.fr-bar .cart-bar .feedback { text-align: right; margin: 13px }
.fr-bar .cart-bar .btn { width: 248px; left: 16px; position: absolute; bottom: 22px }
.fr-bar .cart-bar .btn p { line-height: 30px }
.fr-bar .cart-bar .btn p span { float: right; color: #f69 }
.fr-bar .cart-bar .btn button { width: 100%; line-height: 40px; text-align: center; color: #fff; background: #f69 }
.fr-bar .my-follow { width: 235px; height: 100%; position: fixed; top: 0; right: -280px; background: #393939; color: #fff }
.fr-bar .my-follow .head-t { text-align: center; line-height: 36px }
.fr-bar .my-follow .head-t i { position: relative; font-size: 14px; float: left; left: 16px;cursor:pointer}
.fr-bar .my-follow .list { width: 220px; overflow-y: scroll; max-height: 90%; position: relative; margin: 0 auto; left: 5px }
.fr-bar .my-follow .list .row { width: 200px; margin: 0 auto }
.fr-bar .my-follow .list .logo { width: 200px; height: 90px; background: #fff; text-align: center; margin-top: 10px }
.fr-bar .my-follow .list .logo img { width: 100px; height: 42px; margin: 6px 0 }
.fr-bar .my-follow .list .logo a { display: block; /*width: 88px;*/ line-height: 25px; border-radius: 10px; background: #eee; margin: 0 auto; text-decoration: none }
.fr-bar .my-follow .list .info { width: 99px; height:162px; background: #fff; float: left; margin-top: 2px; margin-right: 2px }
.fr-bar .my-follow .list .info img { width: 99px; height: 99px }
.fr-bar .my-follow .list .info p { color: #f69; margin: 4px;height:33px;overflow:hidden;}
.fr-bar .my-follow .lok-all { width: 205px; line-height: 30px; background: #484848; margin: 10px auto; text-align: center; display: block; color: #fff; text-decoration: none }
.fr-bar .my-follow .lok-all i { margin-left: 6px }
.fr-bar .my-follow .list::-webkit-scrollbar {
 width:10px
}
.fr-bar .my-follow .list::-webkit-scrollbar-thumb {
 background-color:#f69;
 border-radius:10px
}
.fr-bar .record .num { text-align: center; margin: 10px 0 }
.fr-bar .record .num span { width: 88px; line-height: 20px; display: inline-block; background: #666; text-align: center; border-radius: 10px }
.fr-bar .record .num p { display: inline-block; margin-left: 10px }
/* .suspend-search { position: fixed; top: -100px; width: 100%; height: 50px; z-index: 999 }
 */
 .suspend-search {
    position: fixed;
    top: -100px;
    /* 开始时隐藏 */
    width: 100%;
    height: 50px;
    z-index: 999;
    transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
    /* 添加过渡效果 */
    opacity: 1;
    /* 开始时透明 */
}

/* 当悬停或激活时，更改搜索框的位置和透明度 */
/* .suspend-search:hover,.suspend-search:focus-within {
    top: 0;
    opacity: 1;
} */
.suspend-search .shelter { width: 100%; height: 50px; background: #f69; opacity: .95 }
.suspend-search .wrapper { position: relative; top: -50px }
.suspend-search .logo { margin: 10px 0; display: inline-block }
.suspend-search .input { position: relative; top: -40px; width: 740px; height: 30px; margin: 0 auto }
.suspend-search .input input { width: 650px; border: 0; float: left; line-height: 30px; height: 30px; text-indent: 10px;padding:0}
.suspend-search .input button { width: 90px; line-height: 30px; height: 30px; background: #c40000; color: #fff; float: right }
